<template>
	<div class="fotter">
		<div class="fotter01">
			<img src="../../images/006.jpg" alt="">
		</div>
		<div class="fotter02">
			<h1>****电影股份有限公司</h1>
			<ul>
				<li>公司地址:**********</li>
				<li>****影城全国客服热线:400-080-0000</li>
				<li>****影城全国投诉电话:400-080-1111</li>
				<li>****集团服务监督电话:400-080-2222</li>
			</ul>
		</div>
		<div class="fotter03">
			<ul>
				<li><img src="../../images/101.jpg">
				<p style="margin-top: 10px;">扫码下载客户端</p>
				</li>
				<li><img src="../../images/102.jpg">
				<p style="margin-top: 10px;">关注****电影公众号</p>
				</li>
			</ul>
		</div>
		<p style="margin-top: 290px; color: white;">**电影股份有限公司 - © ***-*** WANDA 版权所有网站备案/许可证号：京ICP备*****号-1京公网安备 *********号增值电信业务经营许可证：******</p>
	</div>
</template>

<script>
	export default {

	}
</script>

<style scoped>
	.fotter {
		height: 350px;
		background-color: rgb(32, 32, 32);
		padding: 1px;
	}

	.fotter01 {
		float: left;
		width: 200px;
		height: 150px;
		border-right: 1px solid rgb(118, 118, 118);
		margin-left: 300px;
		margin-top: 70px;
	}

	.fotter02 ul li {

		height: 40px;
		line-height: 40px;
	}

	.fotter02 {
		color: white;
		float: left;
		margin-top: 50px;
		margin-left: 70px;
	}

	.fotter01 img {
		width: 100%;
		height: 100%;
	}

	.fotter03 {
		float: left;
		margin-top: 50px;
		margin-left: 10px;
		color: white;
	}

	.fotter03 img {
		width: 100%;
		height: 80%;
	}

	.fotter03 ul li {
		float: left;
		width: 150px;
		height: 180px;
		margin-left: 20px;
	}
</style>
